/*
* @Author: Hori
* @Date:   2017-09-22 01:36:30
* @Last Modified by:   Hori
* @Last Modified time: 2017-09-22 01:41:35
*/
	*{
		padding: 0;
		margin: 0;		
	}
	.wrap{
		width: 980px;
		height: 1386px;
		padding: 0 50px;
		margin: auto;
	}
	.main{
		width: 892px;
		height: 1386px;		
	}
	.header{
		border-bottom: #938e8c solid 2px;	
		font-family: "SimHei";
		font-size: 12px;	
		overflow: hidden;
	}
	.header .logo{
		float: left;
		width: 110px;
		height: 61px;
		background-color: #d45d5c;		
		color: #fff;
		position: relative;		
	}
	.header .logo p{
		position: absolute;
		left: 5px;
		bottom: 5px;
	}
	.header .date{
		float: right;
		position: relative;		
		width: 110px;
		height: 61px;
	}
	.header .date p{
		position: absolute;
		color: #d45d5c;
		font-size: 12px;
		bottom: 5px;
		right: 0;
	}
	.section{
		margin: 40px 0;
	}
	.section1{
		overflow: hidden;
	}
	.section1 .banner{
		float: left;
		width: 641px;
		height: 301px;
		position: relative;		
	}
	.section1 .banner .mask-right{
		position: absolute;
		left: 0;
		width: 191px;
		height: 301px;
		background-color: #75b86b;
		opacity: 0.4; 
	}
	.section1 .banner .mask-left{		
		position: absolute;
		right: 0;
		width: 191px;
		height: 301px;
		background-color: #d45d5c;
		opacity: 0.4; 		
	}
	.section1 .banner-info{
		float: right;
		width: 203px;
		height: 301px;
		border-top: 2px solid #cc8091;
		font-family: "Microsoft Yahei";
	}
	.section1 .banner-info h2{
		font-size: 24px;
		color: #000;	
		text-decoration: underline;
		font-variant: small-caps; /*关性键属*/
    	text-transform: capitalize;/* 关键属性*/
    	margin-top: 10px;
	}	
	.section1 .banner-info h3{
		font-family: "KaiTi";
		font-size: 10px;
		color: #676767;
		margin-bottom: 10px;
	}
	.section1 .banner-info h1{		
		font-size: 116px;
		color: #75b86b;	
		font-weight: 400;
		line-height: 126px;			
	}

	.section1 .banner-info h4{		
		font-size: 55px;
		color: #cc8091;
		float: left;
		font-weight: 400;
	}
	.section1 .banner-info h5{
		font-size: 12px;
		color: #cc8091;
		float: left;
		margin-top: 16px;
	}		
	.section1 .banner-info h5 span{
		font-size: 21px;
		color: #cc8091;
	}
	.section2{
		width: 641px;
		overflow: hidden;
	}
	.section2 .article {
		float: left;
		margin-right: 20px ;
	}	
	.section2 .article p{
		line-height: 16px;
		font-size: 12px;
		color: #231825;
		font-family: "微软雅黑";		
		opacity: 0.7;
	}
	.section2 .article.what{
		width: 34%;
	}
	.section2 .article.when{
		width: 32%;
	}
	.section2 .article.how{
		width: 24%;
	}
	.section2 .article h3{
		margin-bottom: 20px;
		font-size: 16px;		
		font-weight: bold;
		text-decoration: underline;
	}
	.section2 .article.what h3{
		color: #418c59;
	}
	.section2 .article.when h3{
		color: #d2994f;		
	}
	.section2 .article.how h3{
		color: #cc7680;
	}
	.section2 .article.how .percent{
		margin: 30px 0 0 10px;
	}	
	.section2 .article.how .percent span{
		color: #cc7680;
		font-style: italic;
	}	
	.section3{
		overflow: hidden;
	}
	.section3 .fe-technologe-left{
		width: 415px;
		float: left;		
	}
	.section3 .fe-technologe-right{
		width: 458px;
		float: right;
	}
	.section3 .fe-technologe-left .fe-header{
		font-size: 42px;
		color: #11456b;
		line-height: .9;
		font-family: "黑体";
		font-weight: bold;
		padding-bottom:10px; 
		border-bottom: 2px solid #11456b ;
	}
	.section3 .fe-technologe-left .fe-header .yellow{
		font-size: 72px;
		color: #f5e327;
		font-style: italic; 
		margin-right:20px;		
	}
	.section3 .fe-technologe-left .fe-header .front{
		
	}	
	.section3 .fe-technologe-left .fe-header .blue{
		font-size:33px;
		color: #11456b;		
	} 
	.section3 .fe-technologe-left .fe-body{
		padding-top:20px; 
		overflow: hidden;
		font-size: 12px;
		color:#767777;
		line-height: 16px;
		font-family: "宋体";
		text-indent: 24px;
	}
	.section3 .fe-technologe-left .fe-body .float{
		float:right;
		height:100px;
		width:1px;
	}
	.section3 .fe-technologe-left .fe-body img{
		float:right;
  		clear:both;
  		background:#F00;
  		margin:10px 0 10px 10px;
	}


	.section3 .fe-technologe-right .banner{
		position: relative;
	}
	.section3 .fe-technologe-right .banner .mask{
		position: absolute;
		width: 458px;
		height: 61px;
		bottom: 0;
		background-color: #000;
		opacity: 0.4;
	}
	.section3 .fe-technologe-right .banner .mask p{
		height: 25px;
		border-left: 3px solid #72b16a;
		color: #72b16a;
		margin: 8px 0 8px 35px;
		padding: 10px;
	}
	.section3 .fe-technologe-right .banner .mask p span{
		font-size: 26px;
		color: #fff;
		margin-right: 10px;
	}
	
	.section3 .fe-technologe-right .hello-world{
		background-color: #eeedd6;
		width: 459px;
		height: 318px;
		overflow: hidden;
		margin-top: 40px;
	}
	.section3 .fe-technologe-right .hello-world .float{
		height: 158px;
		width: 1px;
		float: left;
	}
	.section3 .fe-technologe-right .hello-world .hello-world-left{
		width: 260px;
		height: 160px;
		float: left;
		clear: both;
		background-color: #d45d5c;
		margin: 40px 10px 0 0;
		color: #fff;
		padding-left:20px; 
	}
	.section3 .fe-technologe-right .hello-world p{
		margin:20px;
		color: #5a5b5b;
		font-family: "黑体";
		font-size: 14px;
	}

	.section3 .fe-technologe-right .hello-world-right p{
		margin: 60px 10px 0 270px;
		
	}
	.section3 .fe-technologe-right .hello-world-right p span{
		font-size: 72px;
		color: #d45d5c;

	}
	.footer{
		border-top: 2px solid #938e8c;
		text-align: right;
		color: #d45d5c; 
	}


